@black: #292D3D;
@gray-900: #484D63;
@gray-800: #666D8A;
@gray-700: #8085A1;
@gray-600: #999DB7;
@gray-500: #AFB2C6;
@gray-400: #C5C8D4;
@gray-300: #DBDDE3;
@gray-200: #E5E6EA;
@gray-100: #f6f7f7;
@white: #ffffff;

/*@gray-base: @black;
@gray-base-light: @gray-800;
@gray-darker: @gray-600;
@gray-dark: @gray-300;
@gray: @gray-200;
@gray-light: @gray-100;
@gray-lighter: @white;*/

@gray-base: #292d3d; 
@gray-base-light: #666d8a; 
@gray-darker: #999db7;
@gray-dark: #dbdde3;
@gray: #e5e6ea;
@gray-light: #f6f7f7;
@gray-lighter: #ffffff;

@color-1: darken(#f06582, 5%);
@color-1-1: darken(#f3766e, 5%);
@color-1-2: darken(#f38a66, 5%);
@color-1-3: darken(#eea361, 5%);
@color-2: darken(#f0b362, 5%);
@color-2-1: darken(#f0c254, 6%);
@color-2-2: darken(#edcd51, 9%);
@color-2-3: darken(#c4d451, 13%);
@color-3: darken(#7bd85d, 19%);
@color-3-1: darken(#51d27a, 14%);
@color-3-2: darken(#37c4ac, 8%);
@color-3-3: darken(#2fb7d2, 5%);
@color-4: darken(#2f9ef3, 5%);
@color-4-1: darken(#5186ee, 5%);
@color-4-2: darken(#7069ee, 5%);
@color-4-3: darken(#8361d4, 5%);
@color-5: darken(#945ab5, 5%);
@color-5-1: darken(#bf569f, 5%);
@color-5-2: darken(#d85b9a, 5%);
@color-5-3: darken(#ed558c, 5%);

@brand-primary: #945ab5;
@brand-primary-dark: darken(@brand-primary, 5%);
@brand-primary-light: lighten(@brand-primary, 5%);

@link-color: #884ca9;

@lightness-percent: 7%;
@saturation-percent: 30%;

@bg-faded-primary: #d2c7dd;
@text-faded-primary: #6a61a1;
